<!DOCTYPE html>
<html lang="en">
<head><meta name="generator" content="Hexo 3.9.0">
  <meta charset="utf-8">
  
  
  
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>
    动态 |
    
    ZhiYinQ</title>
  
    <link rel="shortcut icon" href="/favicon.icon">
  
  <link rel="stylesheet" href="/css/style.css">
  
    <link rel="stylesheet" href="/fancybox/jquery.fancybox.min.css">
  
  <script src="/js/pace.min.js"></script>
</head>
</html>
<link href="https://cdn.staticfile.org/animate.css/3.7.2/animate.min.css" rel="stylesheet">

<body>
<main class="content">
  <section class="outer">
  <style>
.pag a:link, .pag a:visited {
    opacity: 1;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -o-transition: all .15s linear;
    -ms-transition: all .15s linear;
    transition: all .15s linear;
    color: #424242;
}
.pag a:hover {
    color: #ffffff;
}
.pag :hover {
    background-color: #127ea9;
}
</style>

<article id="page-" class="article article-type-page" itemscope itemprop="blogPost" data-scroll-reveal>
  
  <div class="article-inner">
    
      <header class="article-header">
        
  
    <h1 class="article-title" itemprop="name">
      动态
    </h1>
  
  




      </header>
    

    
    

    <div class="article-entry" itemprop="articleBody">
      
      
      
        <head><meta name="generator" content="Hexo 3.9.0">
<link rel="stylesheet" href="../css/dongtai.css">
<style>
.v .vwrap {
  display: none;
}
.v .vlist .vcard .vh .vmeta .vat {
    display: none;
}
@media screen and (max-width: 768px) { 
#typed p{
    display: none;
}
}
.v .vinfo .col {
    display: none;
}
.v .vlist {
    margin-top: 65px;
}
.v .vlist .vcard .vhead .vsys{
    display: none;
}
.pagination .pre {
    margin-top: 4px;
}
</style>
</head>
<script src="//unpkg.com/valine/dist/Valine.min.js"></script>
 <div class="about-life">
                <div class="t-w">
                <div class="t-u"><img src="https://chun-blog.cn/usr/themes/chun-blog/img/blog.png"></div>
                <div class="t-t">
                    <h1 style="font-size:18px;">HoNma<span><i class="fe fe-globe" style="font-size:16px;margin-right:3px"></i>专业搬砖二十年</span></h1>
                    <div class="t-d">
                    <span id="typed"></span>
                    </div>
                    <div class="t-i">
<div class="pagination">
        <ul class="clearfix">
            <li class="pre pagbuttons">
                <a class="btn" role="navigation" href="/about"> 关于我</a>
            </li>
            <li class="pre pagbuttons">
                <a class="btn" role="navigation" href="/comment"> 留言</a>
            </li>
        </ul>
    </div>
                    </div>
                </div>
                </div>
            </div>
            <div class="title-life">
                <h3><i class="fe fe-smile-alt" style="font-size:17px;"></i> 我的动态</h3>

  <span class="r">
<span class="valine-comment-count" data-xid="/dynamic/">loading</span><span> 条动态，</span>
<span id="/dynamic/" class="leancloud-visitors ">
<span class="leancloud-visitors-count">loading</span></span>
<span>次观望</span></span>

 </div>

   <div id="vcomments"></div>


<script type="text/javascript" src="../js/vv.js"></script>
<link rel="stylesheet" href="../css/vv.css">
<style type="text/css">
    /* 如果光标没出现，而是出现在下一行，那么就是盒子是块级标签，必须得转换成行内标签 */
    .t-d p {
        display: inline;
    }
    /* 想让的光标闪动的话，复制下面的代码 */
    .typed-cursor{
        opacity: 1;
        animation: typedjsBlink 0.7s infinite;
        -webkit-animation: typedjsBlink 0.7s infinite;
        animation: typedjsBlink 0.7s infinite;
    }
    @keyframes typedjsBlink{
        50% { opacity: 0.0; }
    }
    @-webkit-keyframes typedjsBlink{
        0% { opacity: 1; }
        50% { opacity: 0.0; }
        100% { opacity: 1; }
    }
    .typed-fade-out{
        opacity: 0;
        transition: opacity .25s;
        -webkit-animation: 0;
        animation: 0;
    }
</style>
<script type="text/javascript" src="../js/typed.js"></script>
<script>
   var boxObj = document.getElementById('typed');
   new Typed(boxObj,{
      // 注意：输出的可以是标签，将标签当节点运行。比如下面的h2
      strings: ["<p>When i was seven years old, i caught the cicada and thought i could catch the summer. </p><br/><span>七岁的那一年 抓住那只蝉 以为能够抓住夏天 ---->></span>"],
      typeSpeed:30 // 速度
   });
</script>



      
    </div>
    <footer class="article-footer">
      <!--<a data-url="https://github3982.github.io/dynamic/index.html" data-id="ck1vxnbp80008iwq0xay3h3u9"
         class="article-share-link">分享</a>“”“分享按钮”“”-->
      
	  
    </footer>

  </div>

  
    

  

  

</article>



</section>
  <footer class="footer">
  <div class="outer">
    <div class="float-right">
      <ul class="list-inline">
  
    <!--<li><i class="fe fe-smile-alt"></i> <span id="busuanzi_value_site_uv"></span></li>-->
  
</ul>
    </div>
    <ul class="list-inline">
      <li>&copy; 2019 ZhiYinQ</li>
      <li>Powered by <a style="text-decoration: none !important;">Hexo</a></li>
      <li>Theme  <a style="text-decoration: none !important;">Ocean</a></li>
    </ul>
  </div>
</footer>

</main>

  <aside class="sidebar">
    
    <button class="navbar-toggle"></button>
<nav class="navbar">
  
    <div class="logo">
      <a href="/"><img id="img" src="/images/hexo.svg" alt="ZhiYinQ"></a>
    </div>
  
  <ul class="nav nav-main">
    
      <li class="nav-item">
        <a class="nav-item-link" href="/">主页</a>
      </li>
    
      <li class="nav-item">
        <a class="nav-item-link" href="/dynamic">动态</a>
      </li>
    
      <li class="nav-item">
        <a class="nav-item-link" href="/gallery">相册</a>
      </li>
    
      <li class="nav-item">
        <a class="nav-item-link" href="/share">分享</a>
      </li>
    
      <li class="nav-item">
        <a class="nav-item-link" href="/playlist">播放</a>
      </li>
    
      <li class="nav-item">
        <a class="nav-item-link" href="/about">关于</a>
      </li>
    
    <li class="nav-item">
      <a class="nav-item-link nav-item-search" title="搜索">
        <i class="fe fe-search"></i>
        搜索
      </a>
    </li>
  </ul>
</nav>
<nav class="navbar navbar-bottom">
  <ul class="nav">
    <li class="nav-item">
      <div class="totop" id="totop">
  <i class="fe fe-rocket"></i>
</div>
    </li>
    <li class="nav-item">
      
        <a class="nav-item-link" target="_blank" href="/atom.xml" title="RSS Feed">
          <i class="fe fe-feed"></i>
        </a>
      
    </li>
  </ul>
</nav>
<div class="search-form-wrap">
  <div class="local-search local-search-plugin">
  <input type="search" id="local-search-input" class="local-search-input" placeholder="Search...">
  <div id="local-search-result" class="local-search-result"></div>
</div>
</div>
  </aside>
  <script src="/js/jquery-2.0.3.min.js"></script>
<script src="/js/jquery.justifiedGallery.min.js"></script>
<script src="/js/lazyload.min.js"></script>
<script src="/js/busuanzi-2.3.pure.min.js"></script>

  <script src="/fancybox/jquery.fancybox.min.js"></script>






<script src="/js/ocean.js"></script>

</body>
</html>
<script type="text/javascript" src="../dist/music.js"></script>
<script src="js/scrollReveal.js"></script>
</script>

	  <script>
			  $(function(){
    $('div img li').addClass('wdata-scroll-reveal');
});
</script>
<script>
window.scrollReveal = new scrollReveal();
//或者，elem 为动画元素的任何级别的父元素
window.scrollReveal2 = new scrollReveal({elem: document.getElementById('srcontainer')});
</script>	
